<template>
  <div class="swiper">
      <el-carousel :interval="4000" height="240px">
        <el-carousel-item v-for="(item, index) in swiperList" :key="index">
          <img style="width:100%;height:100%" :src="item.picImg"/>
        </el-carousel-item>
      </el-carousel>
  </div>
</template>

<script>
import {swiperList} from "../assets/data/swiper"
export default {
  name:'swiper',
  data(){
    return {
      swiperList:[]
    }
  },
  created(){
    this.swiperList = swiperList;
  }
}
</script>

<style  scoped>
  .swiper{
    width: 550px;
    display: inline-block;
  }
</style>